<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>期末作业</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?d54f110c773cfc933a9acea59426a0ff";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.12/fullpage.css"
    integrity="sha512-c2/xySTiUmIa2PzQAnKZVYi2+aJmyaI6rweK5GCL1HbHx70/Zub0RhYPy5RFbJsStRo+HTForawyFBgBp6btJA=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />

  <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css
    " />
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>

  <style>
    #section1 {
      background-image: url(resource/img/0c81c801b974cf7a1967f8fcb39706c.png);
      background-size: 100% 100%;
      display: flex;


      justify-content: center;

    }



    #section1 h1 {
      text-align: center;
      margin: 50px 50px;
      font-family: 'Courier New', Courier, monospace;
      font-weight: 2500;
      color: rgba(27, 48, 2, 0.786);


      text-shadow: 3px 3px 5px rgb(167, 180, 83);
      ;
      line-height: 8;
      font-size: 60px;

    }

    h3 {
      font-family: 'Courier New', Courier, monospace;
      font-weight: 2500;
      color: rgba(27, 48, 2, 0.786);


      text-shadow: 3px 3px 5px rgb(167, 180, 83);
      ;
      font-size: 40px;
    }

    #section3 {
      background-image: url(resource/img/d827f889a20958d7da1f5b0228fbbcc.png);
      background-size: 100% 100%;
    }

    #page2 {
      background-image: url(resource/img/d827f889a20958d7da1f5b0228fbbcc.png);
      background-size: 100% 100%;
    }

    .list-unstyled {
      list-style: none;
    }

    #myMenu {
      position: fixed;
      right: 40px;
      top: 20%;
      z-index: 999;
    }

    #myMenu a {
      color: #000;
      text-decoration: none;
      line-height: 2;
    }

    #section3 .container {
      padding-top: 180px;
    }

    #section3 .ul {
      padding-top: 180px;
    }

    ul li a {

      font-size: 20px;
      line-height: 3;
    }

    p {
      font-size: 18px;
      text-align: justify;
      line-height: 2.5;
      color: rgb(1, 90, 44);
    }
  </style>
</head>

<body>
  <ul id="myMenu" class="list-unstyled">
    <li data-menuanchor="firstpage" class="active">
      <a href="#firstpage">返回首页</a>
    </li>

    <li data-menuanchor="seconddpage">
      <a href="#secondpage">粮画欣赏</a>
    </li>
    <li data-menuanchor="thirdpage">
      <a href="#thirdpage">粮画艺人</a>
    </li>

    <li data-menuanchor="forthpage">
      <a href="#forthpage">粮艺空间</a>
    </li>
  </ul>
  <div id="fullpage">
    <div class="section" id="section1">
      <h1 class="title animate__animated animate__slideInLeft">走近粮画艺人 欣赏粮画艺术</h1>



    </div>

    <div class="section" id="section3">
      <div class="container">
        <h3 class="my-5 text-center">粮画欣赏</h3>
        <div class="row">
          <div class="col-md-7">
            <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="resource\img\picture1.jpg" class="d-block w-100" />
                </div>
                <div class="carousel-item">
                  <img src="resource\img\DTEKT]$@UF`H5{MW91{`FJ1_副本.jpg" class="d-block w-100" alt="..." />
                </div>
              </div>
              <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
                data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
              </button>
              <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
                data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
              </button>
            </div>
          </div>
          <div class="col-md-5">
            <p>
              粮艺画起源于我国的农耕文明，年代久远，农耕文化厚重，流传于民间，散落于民间，传承于民间。
              制作材料是用人们的劳动成果五谷杂粮等，采用镶、嵌、拼、贴、拨等传统技法，其表现形式多以吉祥、喜庆的图饰、文字以及人们生产、生活场景为内容，既表达了收获的喜悦之情，同时也祈求国泰民安、风调雨顺、五谷丰登、六畜兴旺的美好愿望。
            </p>


            <ul>
              <li><a href="11.html">《雍正耕织图》历时9年完成的呕心之作</a></li>

              <li><a href="12.html">《百福图》每一个福字背后都有一位人物</a></li>

              <li><a href="13.html">《丰谷井》再现古时产盐场景</a></li>
            </ul>

          </div>
        </div>

      </div>
    </div>
    <div class="section" id="section3">
      <div class="container">
        <h3 class="my-5 text-center">粮画艺人</h3>
        <div class="row">
          <div class="col-sm">
            <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
              <div class="carousel-indicators">
                <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
                  aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
                  aria-label="Slide 2"></button>
                <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
                  aria-label="Slide 3"></button>
              </div>
              <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="resource\img\picture5_副本11.jpg" class="d-block w-100 h-100" alt="...">
                  <div class="carousel-caption d-none d-md-block">
                    <h5>潘德贵</h5>
                    <p></p>
                  </div>
                </div>
                <div class="carousel-item">
                  <img src="resource\img\picture8_副本_副本11.jpg" class="d-block w-100 h-100" alt="...">
                  <div class="carousel-caption d-none d-md-block">
                    <h5>潘德贵</h5>
                    <p></p>
                  </div>
                </div>
                <div class="carousel-item">
                  <img src="resource\img\door_副本11.jpg" class="d-block w-100 h-100" alt="...">
                  <div class="carousel-caption d-none d-md-block">
                    <h5>鑫田粮艺传习所</h5>
                    <p></p>
                  </div>
                </div>
              </div>
              <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
              </button>
              <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
              </button>
            </div>
          </div>
          <div class="col-sm">
            <p>潘德贵，四川省绵阳市市级非物质文化遗产保护项目鑫田粮艺代表性传承人，涪城区丰谷镇粮站的下岗职工，国家和省市民间文艺家协会会员，四川省“民间工艺百家”、绵阳市高级民间工艺师。</p>
            <p>上世纪八十年代，潘德贵退伍后进入丰谷粮站工作，当时，粮站里有老师傅在用粮食粘贴画像，他很感兴趣，便利用业余时间“拜师学艺”，走进了五谷杂粮斑斓的世界中。




              2000年，源于对粮食的喜爱，潘德贵开始了专业的粮食画之路，并在丰谷镇上建立了“鑫田粮艺”坊，用大自然最本真的五谷绘就了一幅幅艺术佳品，在传承的基础上又大胆地融合现代元素，使得这一传统而古老的民间工艺成为我市一朵亮丽的奇葩。
              此外，他还租用了原丰谷粮站一个400多平米的闲置旧仓库，改造成了鑫田粮艺传习所和农耕文明博览馆。</p>



          </div>
        </div>
      </div>
    </div>

    <div class="section" id="page2">

      <div class="container">
        <h3 class="my-5 text-center">粮艺空间</h3>
        <div class="row gx-4">
          <div class="col-sm-6">
            <p>
              一扇锈迹斑斑的铁门上方写着“鑫田粮艺传习所”，传习所内整整齐齐地列着几排玻璃展柜，里面陈列着一些老物件，墙上挂满了潘德贵的粮艺画作品。</p>

            <p>除了传习所之外，潘德贵还打造了一个农耕文明博览馆，稻谷穗、花生苗、小米、玉米棒子等农作物连藤带根悬挂在铁丝上，
              锄头、镰刀、蓑衣、水车等上百件农具放置其中。看到眼前的一切，让人脑海中不由自主地生成了一幅热闹的农耕面面。
            <p>
              自农耕文明博览馆成立后每年都会有不少人来参观学习，
              潘德贵想把这些代表乡愁的老物件留下来，让前来参观学习的学生们了解和知道传统的农耕文化以及粮食是来之不易的，
              希望通过参观唤起大家对粮食的敬畏之心，从而珍惜粮食。
              到目前为止，博览馆内已经收集了一千多件农具和各色不同的种子。
            </p>

          </div>
          <div class="col-sm-6">
            <p>
              从传习所的后门出去，有一僻静小院，被潘老师打造成了作物园，里面种满了各式色彩鲜艳的农作物，这些都是潘老师作画的原材料。
              在屋子后的街沿上，摆着一长溜的塑料大盆，里面都装满了水，这些都是趁着下雨天积攒的雨水。</p>
            <p>
              从2020年开始，潘德贵在午后的地块里种植玉米、花生等农作物，也种植喇叭花、鸡冠花等植物。从播种到收获，不施肥、不打农药，全程浇灌雨水。

              这些作物的种子，都是从全国各地收罗来的，以被淘汰的老品种居多，有的是朋友专门帮忙收集的，有的是潘德贵在外地收集农具时发现的，也有部分是潘德贵的父亲留下来的。


            </p>
            <p>
              今年，潘德贵的作物园里，增加了黄豆、苋菜、牵牛花等，他想通过自己的种植，利用作物种子原本的原色，来丰富粮艺画创作的选材。

            </p>




          </div>


        </div>




        <div class="container">
          <div class="row">
            <div class="col"><img src="resource\img\picture6_副本.jpg" width="300">
            </div>
            <div class="col"><img src="resource\img\picture10_副本.jpg" width="300">
            </div>
            <div class="col"><img src="resource\img\picture12_副本.jpg" width="300">
            </div>
            <div class="col"><img src="resource\img\picture11_副本.jpg" width="300">
            </div>
          </div>
        </div>
      </div>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.12/fullpage.min.js"
      integrity="sha512-2N6afhHcaOPaBztibhzvEp9MBtXoG+6YQ5AkllMJKHrZKUUiHHmIc1bEafMDjG+LnTtSIYjaKdg2BdZqqZkkBQ=="
      crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
      $(document).ready(function () {
        //initialising fullpage.js in the jQuery way
        $("#fullpage").fullpage({
          anchors: ["firstpage", "secondpage", "thirdpage", "forthpage"],
          menu: "#myMenu",
          verticalCentered: false,
          credits: null,
          //   afterRender: function () {
          //     var pluginContainer = this;
          //     alert("DOM结构已完成");
          //   },
          afterLoad: function (origin, destination, direction, trigger) {
            console.log(origin, destination, direction, trigger);
            if (destination.anchor == "firstpage") {
              $("#myMenu").hide();
            } else {
              $("#myMenu").show();
            }
            if (destination.anchor == "secondpage") {
              $("#myMenu a").css({ color: "black" });
            } else {
              $("#myMenu a").css({ color: "black" });
            }
          },
        });
      });
    </script>
</body>

</html>